<link href="http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.css" rel="stylesheet" type="text/css">
<link href="listBirds.css" rel="stylesheet" type="text/css">
<link href="Thickbox.css" rel="stylesheet" type="text/css">

<div class="legend" style="display:none">
	<div class="legend-holder"><div class="color early"></div><div class="key">Earlier in the Year</div></div>
	<div class="legend-holder"><div class="color same"></div><div class="key">Same Day of the Year</div></div>
	<div class="legend-holder"><div class="color late"></div><div class="key">Later in the Year</div></div>
	<div style="clear:both"></div>
</div>

<div class="listHolder">
	<ol style="" class="bird-table" data-key="0ApY2PdXZDxl2dDAtdU5FX05saTJaYkNKb3ZzdDU5LXc" data-year="2013"><li class='total'>Loading...</li></ol>
	<ol style="" class="bird-table" data-key="0ApY2PdXZDxl2dFphWVRpazlmdmhWcXNNazRndmJ3VWc" data-year="2012"><li class='total'>Loading...</li></ol>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.min.js" type="text/javascript"></script>
<script type="text/javascript" src="thickbox.js"></script>
<script src="listBirds.js" type="text/javascript"></script>